<form method="post" action="#">
    <h1>注册表单案例</h1>
    <table bgcolor="lightgray" border="1px" bordercolor="green" cellspacing="0" width="500px">
        <tr>
            <td>用户名:</td>
            <td>
                <input type="text" name="user" />
            </td>
        </tr>
        <tr>
            <td>密码:</td>
            <td>
                <input type="password" name="pwd" />
            </td>
        </tr>
        <tr>
            <td>确认密码:</td>
            <td>
                <input type="password" name="repwd" />
            </td>
        </tr>
        <tr>
            <td>昵称:</td>
            <td>
                <input type="text" name="nick" />
            </td>
        </tr>
        <tr>
            <td>邮箱:</td>
            <td>
                <input type="email" name="mail" />
            </td>
        </tr>
        <tr>
            <td>性别:</td>
            <td>
                <!-- 问题1:提交的数据都是on,加value属性,区分提交的数据-->
                <input type="radio" name="sex" value="1" />男
                <input type="radio" name="sex" value="0" />女
            </td>
        </tr>
        <tr>
            <td>爱好:</td>
            <td>
                <!-- 问题1:提交的数据都是on,加value属性,区分提交的数据-->
                <input type="checkbox" name="hobby" value="lq" />篮球
                <input type="checkbox" name="hobby" value="zq" />足球
                <input type="checkbox" name="hobby" value="pqq" />乒乓球
            </td>
        </tr>
        <tr>
            <td>城市:</td>
            <td>
                <select name="city">
                    <!-- 定义下拉框-->
                    <option value="0">-请选择-</option> <!-- 定义下拉选项-->
                    <option value="1">北京</option>
                    <option value="2">广东</option>
                </select>
            </td>
        </tr>
        <tr>
            <td>头像:</td>
            <td>
                <input type="file" name="touxiang" />
            </td>
        </tr>
        <tr>
            <td>验证码:</td>
            <td>
                <input type="text" />
                <img src="https://img2.baidu.com/it/u=4287227552,235501259&fm=253&fmt=auto&app=138&f=JPEG?w=650&h=385"
                    width="65px" height="20px" />
                <input type="button" value="点我换一张" />
            </td>
        </tr>
        <tr>
            <td>自我描述:</td>
            <td>
                <textarea></textarea> <!-- 文本域-->
            </td>
        </tr>
        <tr>
            <td colspan="2" align="center">
                <input type="submit" />
                <input type="reset" value="重置" />
            </td>
        </tr>
    </table>
</form>